.caroussel-container {
    overflow: hidden;
    width: 100%;
    background: transparent;
    position: relative;
    padding: 20px 0;
}

.caroussel {
    display: flex;
    gap: 40px;
    animation: scroll-infinite 45s linear infinite;
    width: fit-content;
}

.caroussel:hover {
    animation-play-state: paused;
}

.logoPartenaires {
    height: 80px;
    width: auto;
    object-fit: contain;
    transition: all 0.3s ease;
    flex-shrink: 0;
}

.logoPartenaires:hover {
    transform: scale(1.1);
}

@keyframes scroll-infinite {
    0% {
        transform: translateX(0);
    }
    100% {
        transform: translateX(-50%);
    }
}

/* Responsive - Mobile (téléphone) basé sur ratio d'aspect et orientation */
@media screen and ((orientation: portrait) and (max-aspect-ratio: 2/3)),
       screen and ((max-width: 768px) and (hover: none) and (pointer: coarse)) {
    .logoPartenaires {
        height: 60px;
    }
    
    .caroussel {
        gap: 30px;
        animation: scroll-infinite 20s linear infinite;
    }
}